
var TableInit = function(){
	var oTableInit = new Object();
    //初始化Table
    oTableInit.Init = function () {
        	$('#roleTable').bootstrapTable({
            url: ctx +'/system/role/listSysRoles/get.mvc',         //请求后台的URL（*）
            method: 'get',                      //请求方式（*）
            striped: true,                      //是否显示行间隔色
            cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            pagination: true,                   //是否显示分页（*）
            paginationLoop:false,
            sortable: true,                     //是否启用排序
            sortOrder: "asc",                   //排序方式
            queryParams: oTableInit.queryParams,//传递参数（*）
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber:1,                       //初始化加载第一页，默认第一页
            pageSize: 10,                       //每页的记录行数（*）
            pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
            search: false,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
            strictSearch: true,
            showColumns: false,                  //是否显示所有的列
            showRefresh: false,                  //是否显示刷新按钮
            minimumCountColumns: 2,             //最少允许的列数
            clickToSelect: true,                //是否启用点击选中行
            height: 500,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "pkId",                     //每一行的唯一标识，一般为主键列
            showToggle:false,                    //是否显示详细视图和列表视图的切换按钮
            cardView: false,                    //是否显示详细视图
            detailView: false,                   //是否显示父子表
            singleSelect:false,                    //禁止多选
            checkboxHeader:true,                 //列头取消多选
            
            columns: [
            {
            	checkbox:true,
            	align : 'center',
                valign : 'middle',
            },
            {
            	title: '序号',
            	align : 'center',
                valign : 'middle',
                formatter : function (value, row, index){
                	var options = $('#roleTable').bootstrapTable('getOptions');  
                    return options.pageSize * (options.pageNumber - 1) + index + 1;  
                }
            },
            {
                field: 'roleName',
                title: '角色名称',
                sortable:false,
                align : 'center',
                valign : 'middle',
                
            }, {
                field: 'roleType',
                title: '角色类别',
                sortable:false,
                align : 'center',
                valign : 'middle',
            }, {
                field: 'remark',
                title: '备注',
                sortable:false,
                align : 'center',
                valign : 'middle',
            },{
                field: 'createDate',
                title: '创建时间',
                sortable:false,
                align : 'center',
                valign : 'middle',
                formatter : function (value, row, index){
                    return new Date(value).format('yyyy-MM-dd hh:mm:ss');
                }
            },{
                title: '配置资源',
                sortable:false,
                align : 'center',
                valign : 'middle',
                formatter : function (value, row, index){
                    return "<a href='javascript:;' class='click_btn'>配置资源</a>";
                }
            }],

        });
    };	
    //得到查询的参数
    oTableInit.queryParams = function (params) {
        var temp = {   // 这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
        	size: params.limit,   // 页面大小
            num: (params.offset/params.limit) + 1,  // 页码
        	sort: params.sort,
        	order: params.order,
        	roleName : $("#roleName").val(),
        	roleType : $("#roleType").val()
        };
        return temp;
    };
    return oTableInit;       
};


var RoleInit=function(){
	return {
		init : function(){
			RoleInit.query();
			RoleInit.keyQuery();
			RoleInit.clear();
			RoleInit.add();
			RoleInit.update();
			RoleInit.del();
			RoleInit.refresh();
			RoleInit.validatorForm();
			RoleInit.save();
		},
		//查询
		query : function(){
			$("#queryRole").on("click",function(){
				$('#roleTable').bootstrapTable('refreshOptions',{
					pageNumber:1,
				});
			});
		},
		//按键查询
		keyQuery : function(){
			$(".queryRole").keypress(function (e) {
	            if (e.which == 13) {
	                $("#queryRole").trigger("click");
	            }
	        });
		},
		clear : function(){
			$(".queryRoleReset").on("click",function(){
				$('.condition-query input').each(function() {
					if ($(this).val() != "" || $(this).prop('checked') == true) {
						$(this).val("").prop('checked', false);
					}
				});
			});
		},
		//新增
		add : function(){
			$(".addRole").on("click",function(){
				$('#myModal .title').html("新增");
				$('#myModal').modal();
				$("#myModal .yes").attr("disabled",false);
                //$(".roleForm").data('bootstrapValidator').destroy();
			});
		},
		update : function(){
			$(".updateRole").on("click",function(){
				$('#myModal .title').html("修改");
				var ids = $.map($('#roleTable').bootstrapTable('getSelections'), function (row) {
			        return row.pkId;
			    });
			    if (ids.length != 1 ) {
			    	DialogUtil.ok("请选择一行修改");
			        return;
			    };
			    
			    $.ajax({
					url: ctx +'/system/role/getSysRole/get.mvc',
				    type:"post", 
				    dataType:'json',
				    data : {
			        	id : ids.toString()
			        },
				    success : function(response){
				    	if(!response.result){
				    		DialogUtil.warn(response.message);
					        return;
				    	}
				    	
				    	
				    	$('#myModal .title').html("更新");
						$('#myModal').modal();
						
				    	$("#myModal input[name='roleName']").val(response.data.roleName);
				    	$("#myModal input[name='roleType']").val(response.data.roleType);
				    	$("#myModal input[name='remark']").val(response.data.remark);
				    	
				    	//默认id
				    	$("#myModal input[name='pkId']").val(ids.toString());
				    	
				    },
				    error: function(XMLHttpRequest, textStatus, errorThrown){
				    	console.log(data);
				    	DialogUtil.warn("系统错误");
				    }
				});
			    $("#myModal .yes").attr("disabled",false);
			});	
		},
		//删除
		del : function(){
			$(".delRole").on("click",function(){
				var ids = $.map($('#roleTable').bootstrapTable('getSelections'), function (row) {
			        return row.pkId;
			    });
			    if (ids.length < 1 ) {
			    	DialogUtil.ok("请选择操作对象");
			        return;
			    };
			    DialogUtil.ok_and_cancel("是否删除？",function(){
			    	 $.ajax({
							url: ctx +'/system/role/delSystemRoleById/del.mvc',
						    type:"post", 
						    dataType:'json',
						    data : {
					        	id : ids.toString()
					        },
						    success : function(response){
						    	console.log(response);
						    	if (response.result == true) {
						    		DialogUtil.warning("删除成功");
						    		$('#roleTable').bootstrapTable('refresh');
						    	}else{
						    		DialogUtil.warning(response.message);
						    	}
						    },
						    error: function(XMLHttpRequest, textStatus, errorThrown){
						    	console.log(data);
						    	DialogUtil.warn("系统错误");
						    }
						});
			    },function(){});
			    
			});
		},
		//刷新
		refresh : function(){
			$("#refresh").on("click",function(){
				$('#roleTable').bootstrapTable('refresh');
			});
		},
		//校验表单
		validatorForm : function(){
			$(".roleForm").bootstrapValidator({
				message: 'This value is not valid',
	            live: 'submitted',
	            fields: {/*验证*/
	            	roleName: {/*键名username和input name值对应*/
	                    message: '角色名称无效',
	                    validators: {
	                        notEmpty: {/*非空提示*/
	                            message: '角色名称不能为空'
	                        },
	                        stringLength: {
	                            max: 20,
	                            message: '角色名称长度不能超过20个字符'
	                        },
	                        regexp: {
	                            regexp: /^(?:(?!(\.|\/|\+|\&|;|%|\'|script|cookie|expression|<|>))[\s\S])*$/,
	                            message: '含有非法字符'
	                        }
	                    }
	                },
	                roleType: {/*键名username和input name值对应*/
	                    message: '角色类别无效',
	                    validators: {
	                        notEmpty: {/*非空提示*/
	                            message: '角色类别不能为空'
	                        },
	                        stringLength: {
	                            max: 4,
	                            message: '角色类别长度必须小于4'
	                        },
	                        regexp: {
	                            regexp: /^(?:(?!(\.|\/|\+|\&|;|%|\'|script|cookie|expression|<|>))[\s\S])*$/,
	                            message: '含有非法字符'
	                        }
	                    }
	                },
	                remark: {/*键名username和input name值对应*/
	                    message: '备注无效',
	                    validators: {
	                        stringLength: {
	                            max: 30,
	                            message: '备注长度不能超过40个字符'
	                        },
	                        regexp: {
	                            regexp: /^(?:(?!(<|>))[\s\S])*$/,
	                            message: '含有非法字符'
	                        }
	                    }
	                
	                }
	                
	            }
			});
			
			//模态框消失清空信息
			$("#myModal").on("hidden.bs.modal",function(e){
                $(".roleForm").data('bootstrapValidator').destroy();
                RoleInit.validatorForm();
				$('#myModal input').each(function() {
					if ($(this).val() != "" || $(this).prop('checked') == true) {
						$(this).val("").prop('checked', false);
					}
				});
			});
		
		},
		
		save : function(){
			//保存
			$("#myModal .yes").on("click",function(){

				$(".roleForm").data("bootstrapValidator").validate();
				var flag = $(".roleForm").data("bootstrapValidator").isValid();
				if(!flag){
					//未通过验证
					return false;
				}
				$("#myModal .yes").attr("disabled",true);
				$.ajax({
					url : ctx + '/system/role/saveRole/save.mvc',
					type : "post",
					dataType : 'json',
					data : $(".roleForm").serialize(),
					success : function(response) {
                        //$(".roleForm").data('bootstrapValidator').destroy();
						if (response.result == true) {
							DialogUtil.ok("保存成功");
							//取消
							$('#myModal').modal('hide');
							$('#roleTable').bootstrapTable('refresh');
						}
						if (response.result == false && response.message == "该角色名已被使用") {
							$("#myModal .yes").attr("disabled",false);
							DialogUtil.warning("该角色名已被使用");
						}
						console.log(response);
					},
					error : function(XMLHttpRequest, textStatus, errorThrown) {
						console.log(data);
						alert("系统错误");
					}
				});		
				return false;
			});
		}
		
	};
}();


var ResouceManage = function(){
	return{
		init : function(){
			ResouceManage.config();
			ResouceManage.submit();
		},
		//配置资源
		config : function(){
			//绑定配置资源
			$(".table-container").on("click",".click_btn",function(){
				//当前页面id
				var id=$(this).parent().parent().data("uniqueid");
				$('.addResource').modal();
				ResouceManage.getResource(id);
			});
		},
		//获取资源列表
		getResource : function(id){
			$.ajax({
				url : ctx + '/system/role/listRoleResource/get.mvc',
				type : "post",
				dataType : 'json',
				data : {roleId:id},
				success : function(response) {
					if(response.result== true){
						ResouceManage.initZtree(response.data);
						//初始化配置的角色
						//默认id
				    	$(".addResource input[name='pkId']").val(id);
					}
				},
				error : function(XMLHttpRequest, textStatus, errorThrown) {
					alert("系统错误");
				}
			});
		},
		//初始化ztree
		initZtree : function(zNodes){
			var setting ={
					check:{
						autoCheckTrigger : true,
						chkboxType:{"Y":"ps","N":"ps"},
						chkStyle:"checkbox",
						enable:true
					},
					data:{
						key:{
							checked:"enable",
							children:"children",
							name:"name"
						}
						
					}
			};
			$.fn.zTree.init($("#resourceZtree"), setting, zNodes);
		},
		//资源配置提交
		submit : function(){
			$(".addResource .yes").on("click",function(){
				
				 var treeObj=$.fn.zTree.getZTreeObj("resourceZtree");
				 var nodes =treeObj.getCheckedNodes(true);
				 if(nodes.length==0){
					 DialogUtil.warning("尚未选择");
					 return;
				 }
				 var nodeIds =new Array();
				 for(var i =0 ;i<nodes.length;i++){
					 nodeIds.push(nodes[i].id);
				 }
				 var id =$(".addResource input[name='pkId']").val();
				 
				 $.ajax({
						url : ctx + '/system/resource/saveRoleResource/save.mvc',
						type : "post",
						dataType : 'json',
						data : {roleId:id,roleResource:JSON.stringify(nodeIds)},
						success : function(response) {
							if(response.result== true){
								DialogUtil.ok("保存成功");
								$('.addResource').modal('hide');
							}else{
								DialogUtil.warn(response.message);
							}
						},
						error : function(XMLHttpRequest, textStatus, errorThrown) {
							alert("系统错误");
						}
					});
				return false;
			});
		}
		
		
		
	};
}();

var treeview = function() {
	return {
		init: function() {
			treeview.config();
			treeview.save();

		},
		//配置资源
		config : function(){
			//绑定配置资源
			$(".table-container").on("click",".click_btn",function(){
				//当前页面id
				var id=$(this).parent().parent().data("uniqueid");
				treeview.initTree(id);
				setTimeout(treeview.setNodeCheckedPartial,100);
                $('.addResource').modal();
                //treeview.setNodeCheckedPartial();
				//ResouceManage.getResource(id);
			});
		},
		initTree:function(id) {
			function checkAllParent (event,node) {
				/*debugger
                $('#treeview').treeview('checkNode',node,{silent:true});
                var parentNode = $('#treeview').treeview('getParents',node);
                if(parentNode[0]) {
                    if(!("nodeId" in parentNode[0])){
                        return;
                    }else{
                        checkAllParent(event,parentNode[0]);
                    }
				}*/
            }

			//var data = treeview.getTreeData();
			$.ajax({
				url: ctx + '/system/role/listRoleResource/get.mvc',
				type: "post",
				dataType: 'json',
				data: {
					roleId: id
				},
                async:false,
				success: function(response) {
					if (response.result == true) {
						//ResouceManage.initZtree(response.data);
						console.log(response.data);
						$('#treeview').treeview({
							data: response.data, // data is not optional
							levels: 1,
					        //selectedBackColor: false,  
					        //selectedColor: '#337AB7',  
					        showCheckbox: true,//显示选择框
					        hierarchicalCheck:true,//层级联动选择
					        propagateCheckEvent:true, //层级联动
                            onNodeChecked: checkAllParent
		        			//multiSelect: 1,//可以多选

						});
						//初始化配置的角色
						//默认id
						$(".addResource input[name='pkId']").val(id);
					}
				},
				error: function(XMLHttpRequest, textStatus, errorThrown) {
					alert("系统错误");
				}
			});



		},
        setNodeCheckedPartial:function () {
		    // debugger
            var checkedNodes = $('#treeview').treeview('getChecked');
            // console.log(checkedNodes);
            for (var i = 0; i < checkedNodes.length; i++) {
                /*var parentNode = $('#treeview').treeview('getParents',checkedNodes[i]);
                var brotherNodes = $('#treeview').treeview('getSiblings',checkedNodes[i]);
                var flag = true;
                if(parentNode.length>0) {
                    for (var i = 0; i < brotherNodes.length; i++) {
                        if(brotherNodes[i].state.checked==false) {
                            flag = false;
                        }
                    }
                    if(!flag) {
                        var id = parentNode[0].id;
                        $('#'+id).removeClass('node-checked').addClass('node-checked-partial');
                    }
                }*/
                // if( checkedNodes[i].nodes&&checkedNodes[i].nodes.length==0) {
                if(!('nodes' in checkedNodes[i])) {
                    var id = checkedNodes[i].id;
                    console.log(id)
                    $('#'+id+' > span').trigger('click');
                    $('#'+id+' > span').trigger('click');
                }
            }
        },
		getTreeData: function() {
			var tree = [{
				text: "Parent 1",
				nodes: [{
					text: "Child 1",
					nodes: [{
						text: "Grandchild 1"
					}, {
						text: "Grandchild 2"
					}]
				}, {
					text: "Child 2"
				}]
			}, {
				text: "Parent 2"
			}, {
				text: "Parent 3"
			}, {
				text: "Parent 4"
			}, {
				text: "Parent 5"
			}];
			
			return tree;

		},
		//资源配置提交
		save : function(){
			$(".addResource .yes").on("click",function(){
				var nodes =	$('#treeview').treeview('getChecked');
				// console.log(nodes);
				/*var nodesSelected = $('#treeview').treeview('getSelected');
                console.log(nodesSelected);*/
                var nodesCheckedPartial = $('#treeview').find('.node-checked-partial');
                // console.log(nodesCheckedPartial);
                if(nodes.length==0){
                    DialogUtil.warning("尚未选择");
                    return;
                }
                var nodeIds = new Array();
                for (var i = 0; i < nodes.length; i++) {
                    nodeIds.push(nodes[i].id);
                }
                $('#treeview').find('.node-checked-partial').each(function () {
                	debugger
                	console.log($(this).attr('id'));
                    nodeIds.push($(this).attr('id'));
                });
                var id = $(".addResource input[name='pkId']").val();

                $.ajax({
                    url: ctx + '/system/resource/saveRoleResource/save.mvc',
                    type: "post",
                    dataType: 'json',
                    data: {
                        roleId: id,
                        roleResource: JSON.stringify(nodeIds)
                    },
                    success: function(response) {
                        if (response.result == true) {
                            DialogUtil.ok("保存成功");
                            $('.addResource').modal('hide');
                        } else {
                            DialogUtil.warning(response.message);
                        }
                    },
                    error: function(XMLHttpRequest, textStatus, errorThrown) {
                        alert("系统错误");
                    }
                });
			});
		}
	};
}();

jQuery(document).ready(function() {
	//1.初始化Table
    var tableInit = new TableInit();
    tableInit.Init();
    //逻辑初始化
    RoleInit.init();
    //ResouceManage.init();
    treeview.init();
});

